<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>登录</title>
    <!--semantic-ui-->
    <link href="https://cdn.bootcss.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
    <!-- Bootstrap core CSS -->
    <link th:href="@{/lwy/css/bootstrap.css}" rel="stylesheet">
    <link th:href="@{/lwy/css/qinstyle.css}" rel="stylesheet">
</head>
<body>
<div class="ui container">

    <div class="ui segment">
        <div style="text-align: center">
            <h1 class="header">添加行程</h1>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3">
                </div>
                <div class="col-md-6">
                    <form role="form" th:action="@{/addMatter}">
                        <div class="form-group">

                            <label for="title">
                                标题
                            </label>
                            <input type="text" class="form-control" id="title" name="title" />
                        </div>
                        <div class="form-group">

                            <label for="describes">
                                描述
                            </label>
                            <input type="text" class="form-control" id="describes" name="describes" />
                        </div>
                        <div class="form-group">

                            <label for="deadline_day">
                                截止日期
                            </label>
                            <input type="date" class="form-control" id="deadline_day" name="deadline_day" />
                        </div>
                        <div class="form-group">

                            <label for="deadline_time">
                                截止时间
                            </label>
                            <input type="time" class="form-control" id="deadline_time" name="deadline_time" />
                        </div>
                        <div class="form-group">

                            <label for="types">
                                行程类型
                            </label>
                            <select class="custom-select" id="types" name="types">
                                <option>工作任务</option>
                                <option selected>个人备忘</option>
                                <option>购物清单</option>
                                <option>学习安排</option>
                                <option>心愿清单</option>
                                <option>锻炼计划</option>
                                <option>生日提醒</option>
                            </select>
                        </div>
                        <div style="text-align: center">
                            <button type="submit" class="btn btn-lg btn-primary">
                                提交
                            </button>
                        </div>

                    </form>
                </div>
                <div class="col-md-3">
                </div>
            </div>
        </div>
    </div>
</div>

<script th:src="@{/lwy/js/jquery-3.1.1.min.js}"></script>
<script th:src="@{/lwy/js/semantic.min.js}"></script>

</body>
</html>